<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <!-- 网站说明 -->
    <meta name="description"
        content="品优购JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <!--  页面关键词 搜索引擎关注点之一 -->
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入当前页面专有样式 -->
    <link rel="stylesheet" href="css/login.css">
    <!-- 引入浏览器顶部小图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>





    <!-- 头部模块 start-->
    <header class="hearder w">
        <div class="logo">
            <!-- 这里是为了 提权 为了搜索引擎 -->
            <h1>
                <a href="#" title="品优购">品优购</a>
            </h1>
        </div>
    </header>
    <!-- 头部模块 end-->
    <div class="fenge w"></div>

    <div class="login-bd w">
        <div class="title">
            <h3>注册用户</h3>
            <i>我有账户,&nbsp;<span style="color: red;">去登陆></span></i>
        </div>
        <div class="lg-form">
            <ul>
                <li>
                    <label for="">手机号：</label>
                    <input type="text" placeholder="请输入手机号">
                    <span class="error">手机号输入错误</span>
                </li>
                <li>
                    <label for="">手机号：</label>
                    <input type="text" placeholder="请输入手机号">
                    <span class="error">手机号输入错误</span>
                </li>
                <li>
                    <label for="">手机号：</label>
                    <input type="text" placeholder="请输入手机号">
                    <span class="error">手机号输入错误</span>
                </li>
            </ul>
        </div>



    </div>

    <!-- 底部模块制作 start -->
    <footer class="footer">
        <div class="w">

            <div class="mod-about">
                <ul>
                    <li>我的订单</li>
                    <li class="｜">|</li>
                    <li>我的品优购</li>
                    <li class="｜">|</li>
                    <li>品优购会员</li>
                    <li class="｜">|</li>
                    <li>企业采购</li>
                    <li class="｜">|</li>
                    <li>关注品优购</li>
                    <li class="｜">|</li>
                    <li>客户服务</li>
                    <li class="｜">|</li>
                    <li>网站导航</li>
                </ul>
                <h6>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</h6>
                <h6>京ICP备08001421号京公网安备110108007702</h6>

            </div>
        </div>
    </footer>
    <!-- 底部模块制作 end -->
</body>

</html>